﻿@{
    ViewBag.Title = "Wheel Of Fortune";
}
    @section head{

    <link href="@Url.Content("~/Content/letterButons.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/letterButtons.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/Box2dWeb-2.1.a.3.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/gamvas.debug.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/game/gamestates.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/game/mainmenustate.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/game/game.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/game/gameactors.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/game/coinemitter.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/game/fireworkemitter.js")" type="text/javascript"></script>
    }
    <div class=ElementsHolder_local>
        <div id="container">
            <canvas id="gameCanvas" width="800" height="480"></canvas>
        </div>
        
    </div>

<script type="text/javascript">
    var wordToFind = "@wheel.Models.GameInfo.Current.WordToFindObscured";
    var guessURL = "@Url.Action("GuessLetter")";
    var resetURL = "@Url.Action("Reset")";
    var highScoreURL = "@Url.Action("Index", "HighScoreList")";
    
</script>


<div id="SpinButton" class="spinButton"></div>
<div class="UserText">You</div>
<div class="Wordhint"><span>Word Hint:</span>@wheel.Models.GameInfo.Current.WordToFind.Hint</div>
<div id="EnterText" class="letterButton"></div>
<div id="displayTextButtons" class="letterButton" style="top:400px;"></div>


<script>
//    $(document).ready(function () {
//        renderSpinButton("#SpinButton", function (letter) { alert(letter); });
//    });

//    $(document).ready(function () {
//        FullTextButtons("#EnterText", "#displayTextButtons", function (letter) { alert(letter); });
//    });
</script>